
/* Openlayer specific css */

div.olControlZoom {
    position: absolute;
    top: 8px;
    left: 8px;
    background: rgba(255,255,255,0.4);
    border-radius: 4px;
    padding: 2px;
}
* {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
div.olControlZoom a {
    display: block;
    margin: 1px;
    padding: 0;
    color: white;
    font-size: 28px;
    font-family: sans-serif;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    height: 32px;
    width: 32px;
    line-height: 28px;
    text-shadow: 0 0 3px rgba(0,0,0,0.8);
    /*background: #130085;*/ /* fallback for IE - IE6 requires background shorthand*/
    /*background: rgba(0, 60, 136, 0.5);*/
    filter: alpha(opacity=80);
}
a.olControlZoomIn {
    border-radius: 4px 4px 0 0;
}
a.olControlZoomOut {
    border-radius: 0 0 4px 4px;
}
div.olControlZoom a:hover {
    /*background: #130085;*/ /* fallback for IE */
    /*background: rgba(0, 60, 136, 0.7);*/
    filter: alpha(opacity=100);
}
@media only screen and (max-width: 600px) {
    div.olControlZoom a:hover {
        /*background: rgba(0, 60, 136, 0.5);*/
    }
}
.olLayerGrid .olTileImage {
    -webkit-transition: opacity 0.2s linear;
    -moz-transition: opacity 0.2s linear;
    -o-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
}

.olControlAttribution {
    /*
    font-size: 10px;
    bottom: 5px;
    right: 5px;
    */
    
	position      : absolute;
    font-size     : 0.7em;
    bottom        : 0 !important;
    right         : 0 !important;
    background    : rgba(0,0,0,0.1);
    font-family   : Arial;
    padding       : 2px 4px;
    border-radius : 5px 0 0 0;
}

.olLayerGrid .olTileImage {
    -webkit-transition: opacity 0.2s linear;
    -moz-transition: opacity 0.2s linear;
    -o-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
}


.olControlScaleLine{
	left         : 95% !important;
}

.olControlLayerSwitcher .layersDiv {
    background-color: #FF6600!important;
    color: #01379D!important;
    text-shadow:0px 0px 0px #000000;
    z-index:1500;
}

/* google copyright divs */
.olLayerGoogleV3.olLayerGooglePoweredBy {
bottom: 15px !important;
visibility: hidden;
}
.olLayerGoogleCopyright {
    right: 3px;
    bottom: 2px;
    left: auto;  
}
.olLayerGoogleV3.olLayerGoogleCopyright {
    bottom: 0px;
    right: 0px !important;
    
}
.olLayerGooglePoweredBy {
    left: 2px;
    bottom: 2px;   
}

/*******************************/

#navigation {
    position: absolute;    
    /*float: left;*/
    bottom: 5%;
    left: 5%;
    z-index: 1500;
    opacity: 0.9;       
}
#navigation .ui-btn-icon-notext {
    display: block;
    padding: 7px 6px 7px 8px;	
	background:#FF6600;
}

/*
#navigation .classbtnminus{
	background:#0000FF;
}
*/

/*
#dlgmobOptions{
	max-width: 300px;
}
*/

#dlgmobOptions .ui-content{
	max-height: 300px;	
	/*width: 100%;*/
	height: 300px;
}

#dlgmobOptions .ui-header{
	/*max-width: 100%;*/	
}


/* UI specific css */
html, body {
     margin  : 0;
     padding : 0;
     height  : 100%;
     /*width   : 100%;*/
}


.ui-content {
    padding: 0;
    width: 100%;    
}
.ui-footer, .ui-header {
    text-align: center;
    padding: 5px 0;
    background: #FF6600;
    /*width: 100%;*/
}
#map {
    width    : 100%;
    position : relative;
    height   : 100%;
}

#pgMain{
 	width    : 100%;
    height   : 100%;
}

/*
.olControlAttribution {
    font-size: 11px;
    bottom: 5px;
    right: 5px;
}
*/

#title, #tags, #shortdesc {
    display: none;
}
/*iv label {   width: 20%;  margin: 0 2% 0 0; }*/
/*div input {   width: 20%;  margin: 0 2% 0 0; }*/

/*
.ui-input-text,    
.ui-select
{
    width: 90% !important;
    padding: 0.4em 0!important;
    margin: 0 2% 0 0;
     
}
*/

/************************************************/
/* Add bevel to header bar					    */
/************************************************/
.ui-header{
height: 30px;
box-shadow: 0 1px 2px #fff, 0 -2px 2px #666, inset 0 -1px 1px rgba(0,0,0,0.5), inset 0 1px 1px rgba(255,255,255,0.8);
 -moz-box-shadow: 0 1px 2px #fff, 0 -2px 2px #666, inset 0 -1px 1px rgba(0,0,0,0.5), inset 0 1px 1px rgba(255,255,255,0.8);
 -webkit-box-shadow: 0 1px 2px #fff, 0 -2px 2px #666, inset 0 -1px 1px rgba(0,0,0,0.5), inset 0 1px 1px rgba(255,255,255,0.8);
}

/*****************************/
/* Route Directions text box */
/*****************************/
.classdirections{
width: 93%;
height: 250px;
font-family:sans-serif;
font-size:0.9em;
color: #000000;	
overflow: auto;
display: none;
z-index: 1000;
-webkit-overflow-scrolling: touch;
/*background: #F2F2F2;*/
}

.classmobdirections{
width: 95%;
height: 75%;
font-family:sans-serif;
font-size:1em;
color: #000000;	
overflow: auto;
display: none;
z-index: 1000;
/*-webkit-overflow-scrolling: touch;*/
/*background: #F2F2F2;*/
}


.li_classdirections{
	width: 93%;
	height: 45%;
	font-family:sans-serif;
	font-size:0.9em;
	color: #000000;	
	/*overflow: auto;*/
	/*display: none;*/
	/*z-index: 1000;*/
}



/*****************************/
/* Direction prettyfying     */
/*****************************/

.dir_distance{
	color: #01379D;
	display: inline;
}

.getfeatureinfo_popup{
	color: #01379D;
	font-family:sans-serif;
	font-size:0.5em;
}

#popupinfo_contentDiv{
	border-right: 0px solid #000055;	
	border-radius: 6px;
}


/************************************************/
/* Managing column scaling of the header butons */
/************************************************/

.ui-grid-b .ui-block-a { width: 23%; }
.ui-grid-b .ui-block-b { width: 55%; } 
.ui-grid-b .ui-block-c { width: 12%; }

	
/************************************************/
/* Handling Screen/Mobile hide/display elements */
/************************************************/	
	
.screen-only
{
	 display: block;
}
.mobile-only
{
	 display: none;
}

@media screen and (max-width: 1024px)  
{
	 .screen-only
	 {
	 	 display: none;
	 }

	 .mobile-only
	 {
	 	 display: block;
	 }
}

/*
@media only screen and (max-width: 600px) {
    html, body {
        height  : 117%;
    }
}
*/



/************************************************/
/* Routing Sidebars (for desktops)				*/
/************************************************/

.container{
	position: relative;
	width: 95%;
	height: 95%;
	left: 2%;	
}

#left {
	position: relative;
	float: left;	
	width: 35%;
	height: 190px;
	max-width: 405px;
	min-height:190px;
	top: 8%;
	background-color: #FFFFFF;
	border-right: 0px solid #000055;	
	border-radius: 6px;
	color: #01379D;	
	font-family:sans-serif;
    font-size:0.8em;
    z-index:1000;
    /*display:none;*/
    
    -moz-box-shadow:    2px 2px 2px 3px #AAAAAA;
  	-webkit-box-shadow: 2px 2px 2px 3px #AAAAAA;
  	box-shadow:         2px 2px 2px 3px #AAAAAA;
}

#left input:focus {
      background: #FA8B41;         
}

#lefttab_routing {
	width:70px;
	height:20px;
	position:fixed;
	left:-15px;
	top: 120px;
	display:block;	
	cursor:pointer;
	background-color:#FF6600;
	color: #FFFFFF;
	text-align:center;	
	font-family:Arial;
	font-size:0.8em;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	 padding-left: 0.5em;
	 
}

#lefttab_routing:hover { 
	color: #01379D; 
	border-style:solid;
	border-width:1px;  
	}

/************************************************/
/* Location Sidebar (for desktops)				*/
/************************************************/

#left_search {
	visibility:hidden;
	position: absolute;
	float: left;	
	width: 35%;
	height: 20%;
	max-width: 400px;
	min-height:150px;
	top: 300px;
	background-color: #FFFFFF;
	border-right: 0px solid #000055;	
	border-radius: 6px;
	color: #01379D;	
	font-family:sans-serif;
    font-size:0.8em;
    z-index:1000;
    
    -moz-box-shadow:    2px 2px 2px 3px #AAAAAA;
  	-webkit-box-shadow: 2px 2px 2px 3px #AAAAAA;
  	box-shadow:         2px 2px 2px 3px #AAAAAA;
}

#lefttab_search{
	visibility:hidden;
	width:70px;
	height:38px;
	position:fixed;
	left:-15px;
	top: 340px;
	display:block;	
	cursor:pointer;
	background-color:#FF6600;
	color: #FFFFFF;
	text-align:center;	
	font-family:Arial;
	font-size:0.8em;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	padding-left: 0.5em;
}

#locsearch{
	visibility:hidden;
}

#lefttab_search:hover{
	color: #01379D;
	border-style:solid;
	border-width:1px;
	}

.class_locsearch_results{	
	width: 98%;
	height: 200px;
	left: 4%;
	font-family:sans-serif;
	font-size:0.9em;
	color: #01379D;	
	overflow: auto;
	display: none;
	z-index: 1000;
	margin-bottom:2%;
}


/* css used to construct a table */
.css3{ float:left; width:498px; border:1px #F1F1F1 solid;}
.table1{ float:left; width:24%;border:1px #F1F1F1 solid;}



/***************************/
/* classes for css-buttons */
/***************************/

.classButton {
	-moz-box-shadow:inset 0px 1px 9px -30px #ffffff;
	-webkit-box-shadow:inset 0px 1px 9px -30px #ffffff;
	box-shadow:inset 0px 1px 9px -30px #ffffff;
	background-color:#f9f9f9;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:2px solid #ff6600;
	display:inline-block;
	color:#01378d;
	font-family:Arial;
	font-size:11px;
	font-weight:bold;
	padding:2px 1px;
	text-decoration:none;
	text-shadow:1px 1px 3px #ffffff;
}.classButton:hover {
	background-color:#dbdbdb;
}.classButton:active {
	position:relative;
	top:1px;
}


/***************************/
/* (desktop), drop down menu */
/***************************/
#lstOptions{
	display: none;
	float: left;
	position: absolute;
	/*visibility: hidden;*/
	z-index: 2500;
	height: 100px;
	width: 120px;
	background-color:#f9f9f9;
	-moz-box-shadow:    2px 2px 2px 3px #AAAAAA;
  	-webkit-box-shadow: 2px 2px 2px 3px #AAAAAA;
  	box-shadow:         2px 2px 2px 3px #AAAAAA;  	
	border-right: 0px solid #000055;	
	border-radius: 6px;	
}

#lstOptions {font-size:0.75em; width:150px;}
#lstOptions ul {margin:0px; padding:0px;}
#lstOptions li {list-style: none;} 

ul.top-level {background:#f9f9f9;}
ul.top-level li {
 border-bottom: #FFFFFF solid;
 border-top: #FFFFFF solid;
 border-width: 1px;
}

#lstOptions a {
 color: #01378d;
 cursor: pointer;
 display:block;
 height:20px;
 line-height: 20px;
 text-indent: 10px;
 text-decoration:none;
 width:95%;
}

#lstOptions li:hover {
 background: #dbdbdb;
 position: relative;
}



/*****************************/
/* Options dialogs (DESKTOP) */
/*****************************/

#lstOptions_Feedback {
	display: none;
	float: left;
	position: absolute;
	/*visibility: hidden;*/
	z-index: 2500;
	height: 400px;
	width: 500px;	
	top: 25%;
	left: 35%;
	background-color:#dbdbdb;
	-moz-box-shadow:    2px 2px 2px 3px #AAAAAA;
  	-webkit-box-shadow: 2px 2px 2px 3px #AAAAAA;
  	box-shadow:         2px 2px 2px 3px #AAAAAA;  	
	border-right: 0px solid #000055;	
	border-radius: 6px;	
	padding-left: 0.5em;
}

#lstOptions_About {
	display: none;
	float: left;
	position: absolute;
	/*visibility: hidden;*/
	z-index: 2500;
	height: 380px;	
	width: 450px;	
	top: 25%;
	left: 35%;
	overflow: auto;
	background-color:#dbdbdb;
	-moz-box-shadow:    2px 2px 2px 3px #AAAAAA;
  	-webkit-box-shadow: 2px 2px 2px 3px #AAAAAA;
  	box-shadow:         2px 2px 2px 3px #AAAAAA;  	
	border-right: 0px solid #000055;	
	border-radius: 6px;	
	padding-left: 0.5em;
}

#lstOptions_FAQ {
	display: none;
	float: left;
	position: absolute;
	/*visibility: hidden;*/
	z-index: 2500;
	height: 380px;
	width: 450px;	
	top: 25%;
	left: 35%;
	overflow: auto;
	background-color:#dbdbdb;
	-moz-box-shadow:    2px 2px 2px 3px #AAAAAA;
  	-webkit-box-shadow: 2px 2px 2px 3px #AAAAAA;
  	box-shadow:         2px 2px 2px 3px #AAAAAA;  	
	border-right: 0px solid #000055;	
	border-radius: 6px;	
	padding-left: 0.5em;
}




/***************************/
/* (desktop), BuildingInfo */
/***************************/
#divBuildingInfo{
	display: none;
	float: right;
	position: absolute;
	/*visibility: hidden;*/
	/*overflow: auto;*/
	z-index: 2500;
	right: 2%;
	bottom: 15%; 
	/*height: 100px;*/
	/*width: 150px;*/
	background-color:#f9f9f9;
	
	/*
	-moz-box-shadow:    2px 2px 2px 3px #AAAAAA;
  	-webkit-box-shadow: 2px 2px 2px 3px #AAAAAA;
  	box-shadow:         2px 2px 2px 3px #AAAAAA;
  	*/ 
  	  	
	border: 1px solid #AAAAAA;	
	border-radius: 6px;	
	font-size:0.85em;	
}


#divBuildingInfo ul {margin:0px; padding:0px; vertical-align: middle;horizontal-align: middle;}
#divBuildingInfo li {list-style: none; vertical-align: middle;horizontal-align: middle;} 

ul.classbuildingfloors {background:#f9f9f9;}
ul.classbuildingfloors li {
 border-bottom: #ff6600 solid;
 border-top: #ff6600 solid;
 border-width: 1px;
 vertical-align: middle;
 horizontal-align: middle;
 text-align:center;
}

ul.classbuildingfloors li:hover {
 border-bottom: #ff6600 solid;
 border-top: #ff6600 solid;
 border-width: 1px;
 vertical-align: middle;
 horizontal-align: middle;
 text-align:center;
 background: #dbdbdb;
}

ul.classtitle {background:#f9f9f9;}
ul.classtitle li {
 border-bottom: #FFFFFF solid;
 border-top: #FFFFFF solid;
 border-width: 1px;
 vertical-align: middle;
 horizontal-align: middle;
 text-align:center;
 margin:2px;
}

ul.classheading {background:#dbdbdb;}
ul.classheading li {
 border-bottom: #fff9f9 solid;
 border-top: #fff9f9 solid;
 border-width: 1px;
 vertical-align: middle;
 horizontal-align: middle;
 text-align:center;
}

#divBuildingInfo a {
 color: #01378d;
 cursor: pointer;
 display:block;
 /*height:20px;*/
 /*line-height: 20px;*/
 text-indent: 10px;
 text-decoration:none;
 text-align:center;
 /*width:95%;*/ 
}

/*
#divBuildingInfo li:hover {
 background: #dbdbdb;
 position: relative;
 text-align:center; 
 vertical-align: middle;
 horizontal-align: middle;
}
*/


/***************************/
/* (Mobile), BuildingInfo */
/***************************/

#divmobBuildingInfo{
	display: none;
	float: right;
	position: absolute;
	/*visibility: hidden;*/
	overflow: auto;
	z-index: 2500;
	right: 20px;
	top: 50px; 
	height: 200px;
	opacity: 0.7;
	min-width: 45px;
	/*background-color:#f9f9f9;*/
	/*
	-moz-box-shadow:    2px 2px 2px 3px #AAAAAA;
  	-webkit-box-shadow: 2px 2px 2px 3px #AAAAAA;
  	box-shadow:         2px 2px 2px 3px #AAAAAA;
  	*/  	
	/*border: 0px solid #000055;*/	
	/*border-radius: 2px;*/
	/*
	border-top: #9C9C9C solid;
	border-width: 1px;
	*/
	font-family:Arial;	
	font-size:1.3em;	
}


#divmobBuildingInfo ul {margin:0px; padding:0px; vertical-align: middle;horizontal-align: middle;}
#divmobBuildingInfo li {list-style: none; vertical-align: middle;horizontal-align: middle;} 

ul.classmobbuildingfloors {background:#f9f9f9;}
ul.classmobbuildingfloors li {
 border-bottom: #ff6600 solid;
 border-top: #ff6600 solid;
 border-right: #9C9C9C solid;
 border-left: #9C9C9C solid;
 border-width: 1px;
 vertical-align: middle;
 horizontal-align: middle;
 text-align:center;
}

ul.classmobbuildingfloors li:hover {
 border-bottom: #ff6600 solid;
 border-top: #ff6600 solid;
 border-right: #9C9C9C solid;
 border-left: #9C9C9C solid;
 border-width: 1px;
 vertical-align: middle;
 horizontal-align: middle;
 text-align:center;
 background: #dbdbdb;
}

ul.classmobtitle {background:#f9f9f9;}
ul.classmobtitle li {
 border-bottom: #DEDEDE solid;
 border-top: #DEDEDE solid;
 border-right: #9C9C9C solid;
 border-left: #9C9C9C solid;
 border-width: 1px;
 vertical-align: middle;
 horizontal-align: middle;
 text-align:center;
 margin:1px;
}

ul.classmobheading {background:#dbdbdb;}
ul.classmobheading li {
 border-bottom: #fff9f9 solid;
 border-top: #fff9f9 solid;
 border-right: #9C9C9C solid;
 border-left: #9C9C9C solid;
 border-width: 1px;
 vertical-align: middle;
 horizontal-align: middle;
 text-align:center;
}

#divmobBuildingInfo a {
 color: #01378d;
 cursor: pointer;
 display:block;
 /*height:20px;*/
 /*line-height: 20px;*/
 /*text-indent: 10px;*/
 text-decoration:none;
 text-align:center;
 /*width:95%;*/ 
}



/************************************/
/* Indoor Route info box (on hover) */
/************************************/
#divIndoorRouteInfoPopup{
	display: none;
	float: left;
	position: absolute;
	/*visibility: hidden;*/
	z-index: 2500;
	/*
	height: 10px;	
	width: 100px;
	*/	
	/*background-color:#ffffff;*/
	color: #000000;
	/*opacity: 0.9;*/	
	/*
	border-right: 0px solid #000055;	
	border-radius: 6px;	
	padding-left: 0.5em;
	*/
	font-family:Arial;
	font-weight: bold;
	font-size:11px;	
	
	
    letter-spacing:2px;  
	
}



/********************************/
/* height issue hack for iphone */
/********************************/
.ui-page,
.ui-page-active{
	min-height: 500px
} 

/********************************/
/* related to autocomplete lists */
/********************************/
.ui-autocomplete{
	font-family:Arial;
	font-size:11px;	
	height: 300px; 
	overflow-y: scroll; 
	overflow-x: hidden;
}

/********************************/
/* Dialog boxes				    */
/********************************/
#dialog_findperson{
	z-index : 2000;
}

/*******************************************/
/* Button to go to text directions (MOBILE)*/
/*******************************************/
#dirQuickLaunch{
	display: none;
	position: fixed;
	z-index: 2500;
	bottom: 2%;	
	left: 35%;
}



/********************************/
/* Header shadow			    */
/********************************/
#pgMain .ui-header{
	
	-moz-box-shadow: 1px 1px 2px #4D4D4D;
	-webkit-box-shadow: 1px 1px 2px #4D4D4D;
	box-shadow: 1px 1px 2px #4D4D4D;
		
	z-index: 1000;
}





/*
.ui-autocomplete-category {
		font-weight: bold;
		padding: .2em .4em;
		margin: .8em 0 .2em;
		line-height: 1.5;
	}
*/

/*** patch for jquerymobile page flicker that was happening ***/
/*
    .ui-page {
        -webkit-backface-visibility: hidden;
    } 
*/
